<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="qw1.css">
</head>

<body>
    <!-- header -->
    <div class="header center">
        <div class="logo fl">
            <img src="./images/logo.png" alt="">
        </div>
        <ul class="nav fr">
            <li><a href="">HOME</a></li>
            <li><a href="">ABOUT</a></li>
            <li><a href="">PROTFOLIO</a></li>
            <li><a href="">SERVICE</a></li>
            <li><a href="">NEWS</a></li>
            <li><a href="">CONTACT</a></li>
        </ul>
    </div>
</body>
<div class="banner">
    <ul>
        <li>
         <img src="./images/banner.png" alt="">
     </li>
</ul>
 <ol class="banner-list">
     <li></li>
     <li class="active"></li>
     <li></li>
     <li></li>
 </ol>
</div>
<div class="section1">
    <div class="section-header">
        <div class="section-header-box">
            <div class="section-header-left"></div>
            <div>服务范围</div>
            <div class="section-header-right"></div>
        </div>
        <p class="section-header-title">our services</p>
    </div>
    <div class="section1-content clearfix center">
        <div class="list">
            <img src="./images/section1-img1.png" alt="">
            <p class="text1">1.WEB DESIGN</p>
            <P class="text2">企业品牌网站设计/手机网站制作
                动画网站创意设计</P>
        </div>
        <div class="list">
            <img src="./images/section1-img2.png" alt="">
            <p class="text1">1.WEB DESIGN</p>
            <P class="text2">标志logo设计/产品宣传册设计
                企业广告/海报设计</P>
        </div>
        <div class="list">
            <img src="./images/section1-img3.png" alt="">
            <p class="text1">1.WEB DESIGN</p>
            <P class="text2">淘宝/天猫装修设计及运营推广
                企业微博、微信营销</P>
        </div>
        <div class="list">
            <img src="./images/section1-img4.png" alt="">
            <p class="text1">1.WEB DESIGN</p>
            <P class="text2">腾讯/网易企业邮箱品牌代理
                个性化邮箱定制开发</P>
        </div>
    </div>
</div><div class="section2">
    <div class="section-header">
        <div class="section-header-box">
            <div class="section-header-left"></div>
            <div>&nbsp;{&nbsp;客户案例&nbsp;}&nbsp;</div>
            <div class="section-header-right"></div>
        </div>
        <p class="section-header-title">With the best professional technology, to design the best innovative web site</p>
    </div>
    <div class="section2-content center clearfix">
        <div class="list">
            <img src="./images/section2.png" alt="">
        </div>
        <div class="list">
            <img src="./images/section2.png" alt="">
        </div>
        <div class="list">
            <img src="./images/section2.png" alt="">
        </div>
    </div>
    <a href="" class="more">VIEW MORE</a>
</div>
<div class="section3">
    <div class="section-header">
        <div class="section-header-box">
            <div class="section-header-left"></div>
            <div>最新资讯</div>
            <div class="section-header-right"></div>
        </div>
        <p class="section-header-title">TEH LATEST NEWS</p>
    </div>
    <div class="section3-content clearfix center">
        <div class="section3-left fl">
            <img src="./images/section3.png" alt="">
        </div>
        <div class="section3-right fr">
            <div class="section3-right-box1 clearfix">
                <div class="section3-right-item fl">
                    <div class="section3-right-left fl">
                        <div class="number">09</div>
                        Jan
                    </div>
                    <div class="section3-right-right fl">
                        <p class="p1">网站排名进入前三的技巧说明</p>
                        <p class="p2">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎
                            首页，更不用说进首页前三了。那么网站优...</p>
                    </div>
                </div>
                <div class="section3-right-item fl">
                    <div class="section3-right-left fl">
                        <div class="number">09</div>
                        Jan
                    </div>
                    <div class="section3-right-right fl">
                        <p class="p1">网站排名进入前三的技巧说明</p>
                        <p class="p2">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎
                            首页，更不用说进首页前三了。那么网站优...</p>
                    </div>
                </div>
            </div>
            <div class="section3-right-box2 clearfix">
                <div class="section3-right-item fl">
                    <div class="section3-right-left fl">
                        <div class="number">09</div>
                        Jan
                    </div>
                    <div class="section3-right-right fl">
                        <p class="p1">网站排名进入前三的技巧说明</p>
                        <p class="p2">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎
                            首页，更不用说进首页前三了。那么网站优...</p>
                    </div>
                </div>
                <div class="section3-right-item fl">
                    <div class="section3-right-left fl">
                        <div class="number">09</div>
                        Jan
                    </div>
                    <div class="section3-right-right fl">
                        <p class="p1">网站排名进入前三的技巧说明</p>
                        <p class="p2">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎
                            首页，更不用说进首页前三了。那么网站优...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="center clearfix">
        <div class="footer-nav-box fr">
            <a href="">Home</a>
            <a href="">About</a>
            <a href="">Portfolio</a>
            <a href="" class="noborder">Contact</a>
        </div>    
</div>
</html>